@charset "utf-8";
.header {
    width: 100%;
    background-color: #f5f5f5
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}
.header-main img{
border:none;
vertical-align:unset;
}
ul ,ol {
  margin:0;
padding:0;
}
.nav li {
 height:31px;
}
label {
display: inline ; 
max-width: auto ;
  margin-bottom:0px;
  font-weight: normal; 
}
.header-main {
    width: 1372px;
    height: 40px;
    margin: 0 auto
}

.header-main ul {
    float: right
}

.header-main ul li {
    float: left;
    padding: 0 8px;
    font-size: 18px;
    line-height: 40px
}

.header-main ul li:last-child {
    padding: 0 0 0 8px
}

.header-main ul li a {
    color: #000;
    text-decoration: none
}

.header-main ul select {
    height: 40px;
    border: none;
    outline: none;
    display: block;
    font-size: 18px;
    padding-left: 10px;
    background-color: #fff
}

.nav {
    width: 13.72rem;
    height: 1.08rem;
    margin: 0 auto
}

.nav-logo {
    float: left;
    font-size: 0;
    margin: .245rem 0 0 .18rem
}

#nav-menu {
    display: none
}

#checkbox {
    display: none
}

.nav ul {
    font-size: 0;
    float: right
}

.nav ul li {
    float: left;
    padding: .385rem .16rem
}

.nav ul li a {
    color: #272726;
    font-size: .24rem;
    text-decoration: none
}

.nav ul li a:hover {
    padding-bottom: .1rem;
    border-bottom: solid 2px #333
}

.banner {
    width: 1372px;
    height: 568px;
    margin: 0 auto
}

/*.banner-list {
    width: 1372px;
    object-fit:cover;
   /* height: 568px;*/
    background-repeat: no-repeat;
    background-position: center center
}*/

.navbar {
    width: 100%;
    height: 326px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4
}

.navbar-banner {
    width: 100%;
    height: 274px;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.navbar-typebox {
    width: 100%;
    height: 264px;
    overflow: hidden;
    background-color: #29b8e2
}

.navbar-typename {
    color: #fff;
    width: 1372px;
    height: 64px;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin: 100px auto
}

.navbar-nav {
    width: 1372px;
    height: 52px;
    margin: 0 auto
}

.navbar-nav ul {
    padding-top: 14px
}

.navbar-nav ul li {
    float: left;
    font-size: 18px;
    list-style: none;
    padding-right: 12px
}

.navbar-nav ul li a {
    color: #333;
    padding-bottom: 10px
}

.navbar-nav ul li a:hover {
    color: #29b8e2
}

.navbar-active {
    border-bottom: 4px solid #f66f6a
}

.navbar-typename span {
    display: none
}

#navbar-checkbox {
    display: none
}

.link {
    width: 1372px;
    height: 24px;
    margin: 30px auto 60px
}

.link ul li {
    float: left;
    font-size: 16px;
    list-style: none;
    line-height: 24px;
    padding-right: 12px
}

.link ul li a {
    color: #222
}

.link ul li a:hover {
    color: #29b8e2
}

.about {
    width: 1372px;
    height: auto;
    overflow: hidden;
    margin: 40px auto
}

.about-text {
    color: #222;
    font-size: 18px;
    line-height: 36px
}

.about-text a {
    color: #f66f6a;
    display: block;
    padding-top: 24px
}

.about-text a:hover {
    color: #29b8e2
}

.about-image {
    float: right;
    width: 520px;
    height: 340px;
    overflow: hidden;
    margin-left: 60px;
    margin-bottom: 48px
}

.about-image img {
    width: 100%;
    height: auto;
    transition: all 0.8s
}

.about-image img:hover {
    transform: scale(1.08)
}

.intro {
    width: 1372px;
    overflow: hidden;
    margin: 60px auto;
    border-radius: 10px;
    background-color: #29b8e2
}

.intro-image {
    float: left;
    width: 750px;
    height: 500px
}

.intro-image img {
    width: 100%;
    height: 100%
}

.intro-group {
    color: #fff;
    float: right;
    width: 622px;
    height: 500px
}

.intro-title {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin: 120px auto 36px
}

.intro-text {
    width: 500px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 36px
}

.listbox {
    width: 1334px;
    height: 320px;
    overflow: hidden;
    margin: 60px auto;
    border-radius: 10px;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.list-items {
    float: left;
    width: 444px;
    height: 264px;
    margin-top: 28px;
    border-right: 1px solid #ececec
}

.list-items:last-child {
    border-right: 0
}

.list-title {
    color: #222;
    font-size: 24px;
    margin: 36px auto;
    text-align: center
}

.list-data {
    color: #e50012;
    font-size: 60px;
    font-weight: bold;
    text-align: center
}

.showbox {
    width: 1372px;
    height: 490px;
    margin: 60px auto
}

.showbox-group {
    float: left;
    width: 632px;
    height: 362px;
    margin: 64px 0;
    background-color: #29b8e2;
    border-radius: 10px 0 0 10px
}

.showbox-title {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin: 48px 0 24px;
    text-align: center
}

.showbox-text {
    color: #fff;
    width: 512px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px
}

.showbox-image {
    float: right;
    width: 740px;
    height: 490px;
    overflow: hidden;
    border-radius: 10px
}

.showbox-image img {
    width: 100%;
    height: 100%
}

.showboxs-group {
    float: right;
    width: 632px;
    height: 362px;
    margin: 64px 0;
    background-color: #29b8e2;
    border-radius: 0 10px 10px 0
}

.showboxs-image {
    float: left;
    width: 740px;
    height: 490px;
    overflow: hidden;
    border-radius: 10px
}

.showboxs-image img {
    width: 100%;
    height: 100%
}

.photo {
    width: 1372px;
    height: auto;
    margin: 60px auto
}

.photo-row {
    width: 1372px;
    height:  auto;
    margin-bottom: 26px
}

.photo-col {
    float: left;
    width: 440px;
    height: 280px;
    overflow: hidden;
    margin-right: 26px
}

.photo-col:last-child {
    margin-right: 0
}

.photo-col img {
    width: 403px;
    height: 250px;
    transition: all 0.8s
}

.photo-col img:hover {
    transform: scale(1.08)
}

.service {
    width: 1372px;
    height: 1388px;
    margin: 60px auto
}

.service-max {
    float: left;
    width: 780px;
    height: 700px;
    background-color: #29b8e2;
    border-radius: 0 0 10px 10px
}

.service-maxsize {
    width: 780px;
    height: 520px;
    overflow: hidden
}

.service-maxsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-maxsize img:hover {
    transform: scale(1.08)
}

.service-maxmain {
    color: #fff;
    width: 660px;
    margin: 0 auto
}

.service-maxtitle {
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px
}

.service-maxtext {
    height: 24px;
    font-size: 18px;
    margin-top: 18px
}

.service-maxbutton {
    font-size: 24px;
    margin-top: 18px
}

.service-maxbutton a {
    color: #fff
}

.service-maxbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #fff
}

.service-min {
    float: right;
    width: 500px;
    height: 700px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.service-minsize {
    width: 500px;
    height: 300px;
    overflow: hidden
}

.service-minsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-minsize img:hover {
    transform: scale(1.08)
}

.service-minmain {
    color: #222;
    width: 380px;
    margin: 0 auto
}

.service-mintitle {
    font-size: 34px;
    font-weight: bold;
    margin-top: 48px
}

.service-mintext {
    height: 200px;
    font-size: 18px;
    line-height: 34px;
    margin-top: 18px
}

.service-minbutton {
    font-size: 24px;
    margin-top: 16px
}

.service-minbutton a {
    color: #222
}

.service-minbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #222
}

.service-all {
    float: left;
    width: 1372px;
    height: 628px;
    margin-top: 60px;
    position: relative
}

.service-allsize {
    width: 1372px;
    height: 628px;
    overflow: hidden
}

.service-allsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-allmain {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 960px;
    height: 628px;
    margin: 0 auto;
    text-align: center;
    position: absolute
}

.service-alltitle {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin-top: 100px
}

.service-alltext {
    color: #fff;
    font-size: 18px;
    margin-top: 18px;
    letter-spacing: 1px
}

.service-allbutton {
    font-size: 24px;
    margin-top: 24px
}

.service-allbutton a {
    color: #fff
}

.service-allbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #fff
}

.title {
    width: 1372px;
    height: 72px;
    color: #222;
    margin: 0 auto;
    line-height: 72px
}

.title-type {
    float: left;
    font-size: 48px;
    font-weight: bold
}

.title-more {
    float: right;
    font-size: 24px
}

.title-more a {
    color: #222
}

.title-more a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #222
}

.news {
    width: 1312px;
    height: 620px;
    margin: 60px auto 100px
}

.news-card {
    float: left;
    width: 510px;
    height: 620px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.news-cardsize {
    width: 510px;
    height: 340px;
    overflow: hidden
}

.news-cardsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.news-cardsize img:hover {
    transform: scale(1.08)
}

.news-cardmain {
    color: #222;
    width: 400px;
    margin: 32px auto 0
}

.news-cardtitle {
    height: 160px;
    font-size: 30px;
    font-weight: bold
}

.news-cardtitle a {
    color: #222
}

.news-cardtitle a:hover {
    color: #29b8e2
}

.news-cardbutton {
    font-size: 30px
}

.news-cardbutton a {
    color: #222
}

.news-main {
    float: right;
    width: 640px;
    height: 620px
}

.news-items {
    height: 110px;
    margin-bottom: 60px
}

.news-items:last-child {
    margin-bottom: 0
}

.news-itemstable {
    height: 18px;
    margin-bottom: 20px
}

.news-itemstable ul li {
    color: #222;
    float: left;
    font-size: 18px;
    padding-right: 10px;
    font-weight: lighter
}

.news-itemstitle {
    color: #222;
    font-size: 24px;
    overflow: hidden;
    line-height: 36px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-itemstitle:hover {
    color: #29b8e2
}

.news-table {
    width: 1312px;
    height: auto;
    overflow: hidden;
    margin: 60px auto
}

.news-nav {
    float: left;
    font-size: 0;
    width: 340px;
    height: auto;
    overflow: hidden
}

.news-navbox {
    float: left;
    width: 340px;
    height: 72px;
    border-top: 1px solid #d7d7d7;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/redmark.png)
}

.news-navbox a {
    color: #272726;
    font-size: 24px;
    font-weight: bold;
    line-height: 72px;
    padding-left: 36px;
    transition: all 0.3s
}

.news-navbox a:hover {
    margin-left: 12px
}

.news-navbox:last-child {
    border-bottom: 1px solid #d7d7d7
}

.news-list {
    float: right;
    width: 926px;
    height: auto;
    overflow: hidden
}

.news-list-items {
    width: 926px;
    height: 210px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #d7d7d7
}

.news-list-items:last-child {
    border-bottom: 1px solid #d7d7d7
}

.news-list-item-image {
    float: left;
    width: 180px;
    height: 180px;
    overflow: hidden
}

.news-list-item-image img {
    width: auto;
    height: 100%;
    transition: all 0.8s
}

.news-list-item-image img:hover {
    transform: scale(1.08)
}

.news-list-item-group {
    float: left;
    width: 614px;
    height: 210px;
    color: #272726;
    margin-left: 30px
}

.news-list-item-title {
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-title a {
    color: #222
}

.news-list-item-title a:hover {
    color: #29b8e2
}

.news-list-item-text {
    font-size: 18px;
    overflow: hidden;
    line-height: 36px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-button {
    font-size: 18px;
    font-weight: bold
}

.news-list-item-button a {
    color: #222
}

.news-list-item-button a:hover {
    color: #29b8e2
}

.news-list-item-dates {
    float: right;
    width: 70px;
    height: auto;
    margin-top: 6px;
    text-align: center
}

.news-list-item-dates-days {
    width: 70px;
    height: 80px;
    font-size: 48px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222
}

.news-list-item-dates-month {
    font-size: 18px
}

.card {
    width: 1312px;
    height: auto;
    margin: 60px auto 0
}

.card-row {
    height: 548px;
    margin-bottom: 60px
}

.card-col {
    float: left;
    width: 384px;
    height: 548px;
    margin-right: 80px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.card-col:last-child {
    margin-right: 0
}

.card-colsize {
    height: 220px;
    overflow: hidden
}

.card-colsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.card-colsize img:hover {
    transform: scale(1.08)
}

.card-colmain {
    color: #222;
    width: 300px;
    height: 288px;
    font-weight: bold;
    margin: 40px auto 0
}

.card-coltitle {
    font-size: 24px;
    margin-bottom: 20px
}

.card-coltitle a {
    color: #222
}

.card-coltext {
    height: 160px;
    font-size: 18px;
    line-height: 36px
}

.card-colbutton {
    font-size: 24px
}

.card-colbutton a {
    color: #222
}

.card-colbutton a:hover {
    color: #29b8e2
}

.contact {
    width: 1312px;
    height: 280px;
    margin: 60px auto
}

.contact-items {
    float: left;
    width: 328px;
    height: 280px;
    transition: all 0.4s;
    background-color: #264a60
}

.contact-items:hover {
    background-color: #4178be
}

.contact-size {
    width: 84px;
    height: 84px;
    font-size: 0;
    overflow: hidden;
    border-radius: 50%;
    margin: 60px auto 36px;
    border: 2px solid #fff
}

.contact-size img {
    width: 84px;
    height: 84px
}

.contact-text {
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px
}

.contact-text a {
    color: #fff
}

.footer {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #f0f0f0
}

.footer-main {
    color: #222;
    width: 1372px;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.footer-maintype {
    float: left;
    width: 228.6px
}

.footer-maintype h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 30px
}

.footer-maintype ul li {
    padding: 8px 0;
    font-size: 18px;
    padding-left: 30px
}

.footer-maintype ul li a {
    color: #222
}

.footer-maintype ul li a:hover {
    border-bottom: 1px solid #222
}

.copyright {
    width: 100%;
    background-color: #282828
}

.copyright-main {
    color: #fff;
    width: 1372px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px
}

.copyright-text {
    float: left;
    font-size: 14px
}

.copyright-text a {
    color: #fff
}

.copyright-text a:hover {
    border-bottom: 1px solid #fff
}

.copyright-link {
    float: right
}

.copyright-link li {
    float: left;
    font-size: 14px;
    padding-left: 12px
}

.copyright-link li a {
    color: #fff
}

.course {
    width: 1372px;
    height: auto;
    overflow: hidden;
    margin: 60px auto
}

.course-event {
    float: left;
    width: 820px;
    height: auto
}

.course-event ul {
    margin-bottom: 24px
}

.course-event ul:last-child {
    margin-bottom: 0px
}

.course-event ul h1 {
    font-size: 28px;
    font-weight: bold
}

.course-event ul li {
    font-size: 18px;
    line-height: 36px;
    list-style: inside
}

.course-image {
    float: right;
    width: 480px;
    height: auto
}

.course-items {
    width: 480px;
    height: 320px;
    overflow: hidden;
    margin-bottom: 36px
}

.course-items:last-child {
    margin-bottom: 0px
}

.course-items img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.course-items img:hover {
    transform: scale(1.08)
}

.newscontent {
    width: 1312px;
    height: auto;
    font-size: 0;
    margin: 60px auto
}

.newscontent-title {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold
}

.newscontent-dates {
    color: #808080;
    font-size: 14px;
    margin: 20px 0;
    letter-spacing: 1px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd
}

.newscontent-mains {
    overflow: hidden;
    text-align: center
}

.newscontent-mains p {
    font-size: 18px;
    margin: 16px 0;
    line-height: 36px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em
}

.newscontent-mains img {
    max-width: 1372px;
    margin: 10px 0
}

.newscontent-forms {
    font-size: 14px;
    margin: 20px 0
}

.newscontent-forms a {
    color: #808080
}

.newscontent-forms a:hover {
    color: #29b8e2
}

.journal {
    width: 1312px;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    margin: 60px auto
}

.journal-group {
    float: left;
    width: 970px;
    height: auto
}

.journal-items {
    width: 970px;
    height: 225px;
    margin-bottom: 50px;
    background-color: #dde6ed
}

.journal-image {
    float: left;
    width: 240px;
    height: 225px;
    overflow: hidden;
    text-align: center
}

.journal-image img {
    width: 150px;
    height: 185px;
    margin: 20px
}

.journal-mains {
    float: left;
    width: 420px;
    height: 185px;
    margin: 20px 0
}

.journal-maintype {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.journal-maintitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.journal-maintitle a {
    color: #282828
}

.journal-mainstext {
    color: #282828;
    font-size: 18px;
    overflow: hidden;
    line-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.journal-button {
    float: right;
    width: 275px;
    height: 225px;
    border-left: 1px solid #fff;
    background-color: #EAF2F8
}

.journal-box {
    width: 275px;
    height: 53px;
    font-size: 0;
    padding-top: 22px;
    overflow: hidden
}

.journal-box a {
    color: #222;
    font-size: 24px;
    margin-left: 24px
}

.journal-box img {
    float: right;
    width: 10%;
    height: auto;
    margin-right: 18px
}

.journal-box:hover a {
    border-bottom: 2px solid #222
}

.journal-box:hover img {
    margin-right: 12px
}

.journal-sides {
    float: right;
    width: 300px;
    height: auto
}

.journal-sidebox {
    width: 280px;
    height: 500px;
    margin: 0 10px 50px;
    border: 1px solid #eaeaea
}

.journal-sidebox:hover {
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.journal-sideimage {
    width: 280px;
    height: 200px;
    overflow: hidden
}

.journal-sideimage img {
    width: 100%;
    height: 100%
}

.journal-sidetitle {
    padding: 18px 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px
}

.journal-sidetitle a {
    color: #222
}

.journal-sidetexts {
    color: #444;
    font-size: 16px;
    padding: 0 20px;
    overflow: hidden;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.special-nav {
    width: 100%;
    height: 660px;
    margin-bottom: 60px;
    border-bottom: 1px solid #eaeaea
}

.special-banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center
}

.special-title {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin-top: 170px;
    text-align: center
}

.special-link {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f6f6f6
}

.special-linkmain {
    width: 1372px;
    height: 40px;
    margin: 0 auto
}

.special-linkmain ul li {
    float: left;
    font-size: 16px;
    list-style: none;
    padding-right: 10px
}

.special-linkmain ul {
    padding-top: 8px
}

.special-linkmain ul li a {
    color: #222
}

.special-linkmain ul li a:hover {
    color: #29b8e2
}

.special-navbar {
    width: 1372px;
    height: 69px;
    margin: 0 auto
}

.special-navbar ul {
    padding-top: 30px
}

.special-navbar ul li {
    float: left;
    font-size: 18px;
    padding-right: 40px
}

.special-navbar ul li a {
    color: #222
}

.special-navbar ul li a:hover {
    color: #cb1232
}

.special-navbar-active {
    padding-bottom: 12px;
    border-bottom: 3px solid #cb1232
}

.special-title {
    width: 1372px;
    height: 80px;
    color: #222;
    margin: 0 auto;
    line-height: 72px
}

.special-title-type {
    text-align: center;
    font-size: 48px;
    font-weight: bold
}

.special-whyus {
    width: 100%;
    background-color: #f6f6f6
}

.special-whyus-main {
    width: 1372px;
    height: 590px;
    margin: 0 auto;
    overflow: hidden
}

.special-whyus-title {
    color: #272726;
    font-size: 48px;
    text-align: center;
    margin: 50px auto 80px
}

.special-whyus-group {
    width: 1372px;
    height: 360px
}

.special-whyus-listbox {
    float: left;
    width: 370px;
    height: 360px;
    margin-right: 131px
}

.special-whyus-listbox:last-child {
    margin-right: 0
}

.special-whyus-image {
    width: 114px;
    height: 114px;
    margin: 0 128px
}

.special-whyus-image img {
    width: 100%;
    height: 100%
}

.special-whyus-subtitle {
    color: #666;
    font-size: 30px;
    margin: 36px 0;
    font-weight: bold;
    text-align: center
}

.special-whyus-texts {
    color: #666;
    font-size: 18px;
    line-height: 36px
}

.p-r {
    position: relative
}

.Hw-b-position {
    position: absolute;
    transform: translate(-735px, -108px);
    top: 50%;
    left: 50%;
    color: #fff !important
}

.clearfix {
    display: table;
    clear: both
}

.hide-hpc {
    display: none
}

.mb-txt,
#id-specilal-linkmain {
    display: none
}

.Hw-dt {
    width: 1372px;
    height: 100px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

.Hw-dt h3 {
    font-size: 48px;
    line-height: 100px;
    font-weight: bold
}

.discove-line {
    border: none !important;
    margin-bottom: 0 !important
}

.spaecial-nav-Height {
    height: 550px !important
}

.device {
    display: none
}

.Hw-back {
    width: 100%;
    padding-bottom: 50px
}

.dt-card ul {
    width: 1372px;
    margin: 0 auto
}

.l-b {
    left: 0;
    bottom: 23px
}

.public-area,
.by-production-detail,
.by-list-area,
.Hw-international {
    width: 100%;
    overflow: hidden
}

.by-detail-center,
.center-box {
    width: 1372px;
    margin: 0px auto
}

.center-box ul {
    width: 1372px;
    font-size: 0px
}

.center-box ul li {
    display: inline-block;
    width: 403px;
    height: 520px;
    background-color: rgb(221, 230, 237)
}

.center-box ul li:nth-child(3n-1) {
    margin: 0px 76px
}

.center-box ul li .li-mid {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding-left: 24px;
    color: rgb(53, 57, 60)
}

.center-box ul li .li-top {
    overflow: hidden
}

.center-box ul li .li-top img {
    transition: transform .3s
}

.center-box ul li .li-top img:hover {
    transform: scale(1.5)
}

.center-box ul li .li-footer {
    color: rgb(57, 62, 66);
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 36px 24px 10px 24px;
    font-size: 24px
}
.li-footer a{
color: rgb(57, 62, 66);
 word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
 
    font-size: 24px
}
.pc-none {
    display: none
}

.li-time {
    margin: 18px 24px 40px 24px;
    color: rgba(58, 62, 65, 0.88);
    font-size: 14px;
    font-weight: 400
}

.item-name {
    color: black
}

.item-name:hover {
    color: rgba(58, 62, 65, 0.88)
}

.item-name:hover~span {
    margin-left: 10px
}

.l-r {
    margin: 0px 76px
}

.Hw-international {
    background-color: rgb(246, 246, 246)
}

.tab-item-child {
    margin: 110px auto 0 auto !important
}

.tab-group,
.tab-group ul,
.tab-item-child {
    width: 1372px;
    margin: 0 auto
}

.tab-group ul {
    list-style-type: none
}

.clearfix {
    display: table;
    clear: both
}

.tab-group ul .tab-item {
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    width: 340px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgb(80, 78, 79)
}

.li-active {
    background-color: rgb(210, 11, 44) !important;
    transition: background-color .2s
}

.tab-item-child {
    font-size: 0;
    transition: all 1s
}

.tab-item-child .l-img,
.tab-item-child .l-img img {
    width: 680px;
    height: 374px
}

.tab-item-child .l-img,
.tab-item-child .r-txt {
    display: inline-block
}

.tab-item-child .l-img {
    overflow: hidden
}

.tab-item-child .r-txt {
    width: 692px;
    vertical-align: top
}

.tab-item-child .r-txt .r-title {
    font-size: 36px;
    font-weight: bold;
    color: rgb(26, 26, 26)
}

.tab-item-child .r-txt .r-title,
.tab-item-child .r-txt .r-article {
    padding: 0px 0px 0 92px
}

.tab-item-child .r-txt .r-article {
    width: 600px;
    height: 275px;
    margin-top: 50px;
    padding-bottom: 23px;
    text-indent: 2em;
    font-size: 20px;
    color: rgb(56, 56, 56);
    text-align: justify;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden
}

.class-father {
    position: relative;
    width: 1372px;
    height: 484px;
    overflow: hidden;
    margin: 0px auto
}

.class-father .defalut-transform {
    opacity: 1
}

.tab-hide {
    position: absolute;
    width: 1372px;
    height: 484px;
    margin: 0px auto;
    opacity: 0
}

.T-cardBox {
    font-size: 16px;
    margin-top: 84px
}

.T-cardBox ul {
    width: 1372px;
    margin: 0px auto
}

.T-cardBox ul li {
    float: left;
    width: 416px;
    height: 345px;
    overflow: hidden
}

.T-cardBox ul::after {
    display: table;
    clear: both;
    content: ""
}

.T-cardBox ul li div {
    width: 416px;
    height: 265px;
    margin-bottom: 17px;
    overflow: hidden
}

.T-cardBox ul li div img {
    width: 416px;
    height: 265px;
    transition: transform .3s
}

.T-cardBox ul li div img:hover {
    transform: scale(1.1)
}

.T-cardBox ul li {
    text-align: center
}

.T-cardBox ul li span {
    font-size: 24px;
    color: rgb(39, 39, 39)
}

.center-Li {
    margin: 0px 60px
}

.globle-friend {
    padding-top: 87px;
    height: auto;
    width: 100%
}

.globle-friend .center-friend {
    width: 1372px;
    font-size: 0px;
    margin: 46px auto 0 auto
}

.distance {
    margin-top: -6px
}

.distance h3 {
    line-height: 0
}

.l-box {
    width: 687px
}

.l-box,
.r-box {
    display: inline-block
}

.l-box img {
    width: 687px;
    height: 644px
}

.l-box .txt-box {
    width: 687px;
    margin-top: 38px;
    text-align: center;
    font-size: 48px;
    color: #272726
}

.r-box {
    width: 683px;
    vertical-align: top
}

.r-box .r-step {
    margin-top: 26px;
    margin-left: 40px
}

.r-box .r-step .r-tit,
.r-demo .r-tit-second {
    font-size: 36px;
    font-weight: bold
}

.r-demo ul li,
.r-box .r-step .r-detail {
    font-size: 18px;
    text-indent: 2em;
    line-height: 2
}

.r-demo ul,
.r-box .r-step .r-detail {
    margin-top: 50px
}

.r-demo {
    margin: 35px 0 50px 40px
}

.service-ep {
    width: 100%;
    height: 715px;
    overflow: hidden
}

.color-rgb {
    padding-top: 10px
}

.color-rgb h3 {
    color: rgb(39, 39, 38)
}

.c-container {
    width: 1372px;
    margin: 30px auto 128px auto;
    font-size: 0
}

.l-img-box {
    display: inline-block;
    width: 689px;
    height: 459px
}

.l-img-box img {
    width: 689px;
    height: 459px
}

.r-tit-img {
    display: inline-block;
    width: 683px;
    height: 459px;
    background-color: rgb(221, 230, 237);
    vertical-align: top
}

.r-tit-img p {
    width: 600px;
    margin: 183px 40px;
    font-size: 36px;
    text-align: justify;
    font-weight: bold;
    color: rgb(79, 79, 78)
}

.c-btn {
    width: 1372px;
    margin: -13px auto 80px auto;
    font-size: 0;
    text-align: center
}

.c-btn:active {
    outline: none
}

.c-btn .class-btn-primary {
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid;
    background-color: #fff
}

.right-btn {
    margin-right: 10px
}

.btn-active {
    background-color: #404040 !important
}

.slider-box,
.swiper-pagination {
    width: 1372px !important;
    margin: 0 auto
}

.swiper-pagination {
    height: 35px
}

.inderater {
    position: relative !important;
    margin-top: 40px
}

.inderater>* {
    width: 15px !important;
    height: 15px !important;
    margin-right: 15px;
    background: #fff !important;
    border: 2px solid black !important;
    opacity: 1 !important
}

.swiper-pagination-bullet-active {
    background: #272726 !important
}

.swiper-pagination-bullet {
    display: inline-block;
    border-radius: 100%
}

.sw1 {
    display: inline-block !important;
    margin-top: 30px;
    margin-bottom: 30px
}

#sw1 {
    display: inline-block;
    width: 8% !important
}

.sw1>.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    background-color: black !important;
    margin: 0 10px
}

.sw1 .swiper-pagination-bullet-active {
    background-color: #000 !important
}

.special-wraper {
    display: block;
    width: 100%;
    margin-bottom: 90px
}

.special-wraper-main {
    width: 1372px;
    margin: 0 auto;
    text-align: center
}

.swiper-container {
    width: 1372px;
    height: 457px;
    margin: 0 auto
}

.slide-left {
    width: 688px;
    height: 457px
}

.slide-right {
    width: 588px;
    height: 489px !important;
    padding: 68px 68px 0 28px;
    background: #333333;
    color: #fff
}

.slide-right p:first-child {
    font-size: 30px;
    text-align: left
}

.text {
    height: 180px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.swiper-pagination {
    width: 80px!important;
    color: #999999;
    font-size: 20px;
    left: 730px!important
}

.swiper-pagination-current {
    color: #fff
}

.swiper-button-next,
.swiper-button-prev {
    width: 41px!important;
    height: 41px!important;
    bottom: 10px!important;
    background-size: cover!important;
    background-size: initial;
    top: 432px!important
}

.swiper-button-prev {
    background-image: url(../images/left-arrow.png)!important;
    left: 700px!important
}

.swiper-button-next {
    background-image: url(../images/right-arrow.png)!important;
    left: 840px!important
}

.special-col-3 {
    display: block
}

.special-col-list {
    width: 440px;
    margin-right: 25px;
    text-align: center
}

.special-col-list-last {
    margin-right: 0
}

.special-list-image {
    width: 440px;
    height: 335px;
    margin-bottom: 30px
}

.special-more-box {
    display: block;
    width: 160px;
    height: 45px;
    border: 3px solid #000
}

.special-more {
    line-height: 45px;
    transition: all .2s
}

.special-more-box:hover {
    background: #29b8e2;
    border: 3px solid #29b8e2
}

.special-more-box:hover a {
    color: #fff
}

.banner,
.swiper-container1 {
    
    height: 550px !important
}

.swiper-pagination-bullet {
    width: 12px!important;
    height: 12px!important;
    background: #fff!important
}

.swiper-pagination-bullet-active {
    background: #59c7d4!important
}

.banner p {
    width: 550px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -275px;
    font-size: 64px;
    line-height: 100px;
    z-index: 100
}

.showbox {
    height: 456px
}

.banner-bj-box {
    width: 100%;
    height: 550px
}

.showboxs-image {
    width: 688px;
    height: 456px;
    border-radius: 0
}

.showboxs-image img {
    width: 688px;
    height: 456px
}

.showboxs-group {
    width: 684px;
    height: 441px;
    background-color: #fff;
    border-radius: 0;
    margin: 15px 0 0
}

.showbox-text {
    width: 540px;
    color: #000;
    text-indent: 2em
}

.special-col-list {
    width: 420px;
    height: 510px;
    padding-top: 80px;
    margin-right: 56px;
    color: #fff
}

.special-col-list-last {
    margin-right: 0
}

.special-col-list p {
    width: 340px;
    margin: 0 auto;
    line-height: 50px
}

.special-wraper-main-footer {
    width: 1370px;
    height: 200px
}

.special-wraper-main-footer p {
    width: 685px;
    font-size: 60px;
    color: #fff;
    line-height: 200px;
    font-weight: bolder
}

.white-txt {
    color: white
}

.header {
    width: 100%;
    background-color: #f5f5f5
}

.header-main {
    width: 1372px;
    height: 40px;
    margin: 0 auto
}

.header-main ul {
    float: right
}

.header-main ul li {
    float: left;
    padding: 0 8px;
    font-size: 18px;
    line-height: 40px
}

.header-main ul li:last-child {
    padding: 0 0 0 8px
}

.header-main ul li a {
    color: #000;
    text-decoration: none
}

.header-main ul select {
    height: 40px;
    border: none;
    outline: none;
    display: block;
    font-size: 18px;
    padding-left: 10px;
    background-color: #fff
}

.nav {
    width: 13.72rem;
    height: 1.08rem;
    margin: 0 auto
}

.nav-logo {
    float: left;
    font-size: 0;
    margin: .245rem 0 0 .18rem
}

#nav-menu {
    display: none
}

#checkbox {
    display: none
}

.nav ul {
    font-size: 0;
    float: right
}

.nav ul li {
    float: left;
    padding: .385rem .16rem
}

.nav ul li a {
    color: #272726;
    font-size: .24rem;
    text-decoration: none
}

.nav ul li a:hover {
    padding-bottom: .1rem;
    border-bottom: solid 2px #333
}

.banner {
    width: 1372px;
    height: 568px;
    margin: 0 auto
}

.banner-list {
    width: 100% !important;
    height: 568px;
    background-repeat: no-repeat;
    background-position: center center
}

.navbar {
    width: 100%;
    height: 326px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4
}

.navbar-banner {
    width: 100%;
    height: 274px;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.navbar-typebox {
    width: 100%;
    height: 264px;
    overflow: hidden;
    background-color: #29b8e2
}

.navbar-typename {
    color: #fff;
    width: 1372px;
    height: 64px;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin: 100px auto
}

.navbar-nav {
    width: 1372px;
    height: 52px;
    margin: 0 auto
}

.navbar-nav ul {
    padding-top: 14px
}

.navbar-nav ul li {
    float: left;
    font-size: 18px;
    list-style: none;
    padding-right: 12px
}

.navbar-nav ul li a {
    color: #333;
    padding-bottom: 10px
}

.navbar-nav ul li a:hover {
    color: #29b8e2
}

.navbar-active {
    border-bottom: 4px solid #f66f6a
}

.navbar-typename span {
    display: none
}

#navbar-checkbox {
    display: none
}

.link {
    width: 1372px;
    height: 24px;
    margin: 30px auto 60px
}

.link ul li {
    float: left;
    font-size: 16px;
    list-style: none;
    line-height: 24px;
    padding-right: 12px
}

.link ul li a {
    color: #222
}

.link ul li a:hover {
    color: #29b8e2
}

.about {
    width: 1372px;
    height: auto;
    overflow: hidden;
    margin: 40px auto
}

.about-text {
    color: #222;
    font-size: 18px;
    line-height: 36px
}

.about-text a {
    color: #f66f6a;
    display: block;
    padding-top: 24px
}

.about-text a:hover {
    color: #29b8e2
}

.about-image {
    float: right;
    width: 520px;
    height: 340px;
    overflow: hidden;
    margin-left: 60px;
    margin-bottom: 48px
}

.about-image img {
    width: 100%;
    height: auto;
    transition: all 0.8s
}

.about-image img:hover {
    transform: scale(1.08)
}

.intro {
    width: 1372px;
    overflow: hidden;
    margin: 60px auto;
    border-radius: 10px;
    background-color: #29b8e2
}

.intro-image {
    float: left;
    width: 750px;
    height: 500px
}

.intro-image img {
    width: 100%;
    height: 100%
}

.intro-group {
    color: #fff;
    float: right;
    width: 622px;
    height: 500px
}

.intro-title {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin: 120px auto 36px
}

.intro-text {
    width: 500px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 36px
}

.listbox {
    width: 1334px;
    height: 320px;
    overflow: hidden;
    margin: 60px auto;
    border-radius: 10px;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.list-items {
    float: left;
    width: 444px;
    height: 264px;
    margin-top: 28px;
    border-right: 1px solid #ececec
}

.list-items:last-child {
    border-right: 0
}

.list-title {
    color: #222;
    font-size: 24px;
    margin: 36px auto;
    text-align: center
}

.list-data {
    color: #e50012;
    font-size: 60px;
    font-weight: bold;
    text-align: center
}

.showbox {
    width: 1372px;
    height: 490px;
    margin: 60px auto
}

.showbox-group {
    float: left;
    width: 632px;
    height: 362px;
    margin: 64px 0;
    background-color: #29b8e2;
    border-radius: 10px 0 0 10px
}

.showbox-title {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin: 48px 0 24px;
    text-align: center
}

.showbox-text {
    color: #fff;
    width: 512px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px
}

.showbox-image {
    float: right;
    width: 740px;
    height: 490px;
    overflow: hidden;
    border-radius: 10px
}

.showbox-image img {
    width: 100%;
    height: 100%
}

.showboxs-group {
    float: right;
    width: 632px;
    height: 362px;
    margin: 64px 0;
    background-color: #29b8e2;
    border-radius: 0 10px 10px 0
}

.showboxs-image {
    float: left;
    width: 740px;
    height: 490px;
    overflow: hidden;
    border-radius: 10px
}

.showboxs-image img {
    width: 100%;
    height: 100%
}

.photo {
    width: 1372px;
    height: auto;
    margin: 60px auto
}

.photo-row {
    width: 1372px;
    height: 280px;
    margin-bottom: 26px
}

.photo-col {
    float: left;
    width: 440px;
    height: 280px;
    overflow: hidden;
    margin-right: 26px
}

.photo-col:last-child {
    margin-right: 0
}

.photo-col img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.photo-col img:hover {
    transform: scale(1.08)
}

.service {
    width: 1372px;
    height: 1388px;
    margin: 60px auto
}

.service-max {
    float: left;
    width: 780px;
    height: 700px;
    background-color: #29b8e2;
    border-radius: 0 0 10px 10px
}

.service-maxsize {
    width: 780px;
    height: 520px;
    overflow: hidden
}

.service-maxsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-maxsize img:hover {
    transform: scale(1.08)
}

.service-maxmain {
    color: #fff;
    width: 660px;
    margin: 0 auto
}

.service-maxtitle {
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px
}

.service-maxtext {
    height: 24px;
    font-size: 18px;
    margin-top: 18px
}

.service-maxbutton {
    font-size: 24px;
    margin-top: 18px
}

.service-maxbutton a {
    color: #fff
}

.service-maxbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #fff
}

.service-min {
    float: right;
    width: 500px;
    height: 700px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.service-minsize {
    width: 500px;
    height: 300px;
    overflow: hidden
}

.service-minsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-minsize img:hover {
    transform: scale(1.08)
}

.service-minmain {
    color: #222;
    width: 380px;
    margin: 0 auto
}

.service-mintitle {
    font-size: 34px;
    font-weight: bold;
    margin-top: 48px
}

.service-mintext {
    height: 200px;
    font-size: 18px;
    line-height: 34px;
    margin-top: 18px
}

.service-minbutton {
    font-size: 24px;
    margin-top: 16px
}

.service-minbutton a {
    color: #222
}

.service-minbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #222
}

.service-all {
    float: left;
    width: 1372px;
    height: 628px;
    margin-top: 60px;
    position: relative
}

.service-allsize {
    width: 1372px;
    height: 628px;
    overflow: hidden
}

.service-allsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.service-allmain {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 960px;
    height: 628px;
    margin: 0 auto;
    text-align: center;
    position: absolute
}

.service-alltitle {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin-top: 100px
}

.service-alltext {
    color: #fff;
    font-size: 18px;
    margin-top: 18px;
    letter-spacing: 1px
}

.service-allbutton {
    font-size: 24px;
    margin-top: 24px
}

.service-allbutton a {
    color: #fff
}

.service-allbutton a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #fff
}

.title {
    width: 1372px;
    height: 72px;
    color: #222;
    margin: 0 auto;
    line-height: 72px
}

.title-type {
    float: left;
    font-size: 48px;
    font-weight: bold
}

.title-more {
    float: right;
    font-size: 24px
}

.title-more a {
    color: #222
}

.title-more a:hover {
    padding-bottom: 4px;
    border-bottom: 2px solid #222
}

.news {
    width: 1312px;
    height: 620px;
    margin: 60px auto 100px
}

.news-card {
    float: left;
    width: 510px;
    height: 620px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.news-cardsize {
    width: 510px;
    height: 340px;
    overflow: hidden
}

.news-cardsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.news-cardsize img:hover {
    transform: scale(1.08)
}

.news-cardmain {
    color: #222;
    width: 400px;
    margin: 32px auto 0
}

.news-cardtitle {
    height: 160px;
    font-size: 30px;
    font-weight: bold
}

.news-cardtitle a {
    color: #222
}

.news-cardtitle a:hover {
    color: #29b8e2
}

.news-cardbutton {
    font-size: 30px
}

.news-cardbutton a {
    color: #222
}

.news-main {
    float: right;
    width: 640px;
    height: 620px
}

.news-items {
    height: 110px;
    margin-bottom: 60px
}

.news-items:last-child {
    margin-bottom: 0
}

.news-itemstable {
    height: 18px;
    margin-bottom: 20px
}

.news-itemstable ul li {
    color: #222;
    float: left;
    font-size: 18px;
    padding-right: 10px;
    font-weight: lighter
}

.news-itemstitle {
    color: #222;
    font-size: 24px;
    overflow: hidden;
    line-height: 36px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-itemstitle:hover {
    color: #29b8e2
}

.news-table {
    width: 1312px;
    height: auto;
    overflow: hidden;
    margin: 60px auto
}

.news-nav {
    float: left;
    font-size: 0;
    width: 340px;
    height: auto;
    overflow: hidden
}

.news-navbox {
    float: left;
    width: 340px;
    height: 72px;
    border-top: 1px solid #d7d7d7;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/redmark.png)
}

.news-navbox a {
    color: #272726;
    font-size: 24px;
    font-weight: bold;
    line-height: 72px;
    padding-left: 36px;
    transition: all 0.3s
}

.news-navbox a:hover {
    margin-left: 12px
}

.news-navbox:last-child {
    border-bottom: 1px solid #d7d7d7
}

.news-list {
    float: right;
    width: 926px;
    height: auto;
    overflow: hidden
}

.news-list-items {
    width: 926px;
    height: 210px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #d7d7d7
}

.news-list-items:last-child {
    border-bottom: 1px solid #d7d7d7
}

.news-list-item-image {
    float: left;
    width: 180px;
    height: 180px;
    overflow: hidden
}

.news-list-item-image img {
    width: auto;
    height: 100%;
    transition: all 0.8s
}

.news-list-item-image img:hover {
    transform: scale(1.08)
}

.news-list-item-group {
    float: left;
    width: 614px;
    height: 210px;
    color: #272726;
    margin-left: 30px
}

.news-list-item-title {
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-title a {
    color: #222
}

.news-list-item-title a:hover {
    color: #29b8e2
}

.news-list-item-text {
    font-size: 18px;
    overflow: hidden;
    line-height: 36px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-button {
    font-size: 18px;
    font-weight: bold
}

.news-list-item-button a {
    color: #222
}

.news-list-item-button a:hover {
    color: #29b8e2
}

.news-list-item-dates {
    float: right;
    width: 70px;
    height: auto;
    margin-top: 6px;
    text-align: center
}

.news-list-item-dates-days {
    width: 70px;
    height: 80px;
    font-size: 48px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222
}

.news-list-item-dates-month {
    font-size: 18px
}

.card {
    width: 1312px;
    height: auto;
    margin: 60px auto 0
}

.card-row {
    height:548px;
    margin-bottom: 60px
}
.card-rows{
overflow:hidden;
  height: auto;

}
.card-rows .card-coltext {
  height:140px !important;
}
.card-rows .card-col {
    float: left;
    width: 384px;
    height:548px;
    margin-right: 52px;
    margin-bottom: 60px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px;

}


.card-col {
    float: left;
    width: 384px;
    height: 548px;
    margin-right: 80px;
    background-color: #dde6ed;
    border-radius: 0 0 10px 10px
}

.card-col:last-child {
    margin-right: 0
}

.card-colsize {
    height: 220px;
    overflow: hidden
}

.card-colsize img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.card-colsize img:hover {
    transform: scale(1.08)
}

.card-colmain {
    color: #222;
    width: 300px;
    height: 288px;
    font-weight: bold;
    margin: 40px auto 0
}

.card-coltitle {

font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.card-coltitle a {
    color: #222
}

.card-coltext {
    height: 160px;
    font-size: 18px;
    line-height: 36px
}

.card-colbutton {
    font-size: 24px
}

.card-colbutton a {
    color: #222
}

.card-colbutton a:hover {
    color: #29b8e2
}

.contact {
    width: 1312px;
    height: 280px;
    margin: 60px auto
}

.contact-items {
    float: left;
    width: 328px;
    height: 280px;
    transition: all 0.4s;
    background-color: #264a60
}

.contact-items:hover {
    background-color: #4178be
}

.contact-size {
    width: 84px;
    height: 84px;
    font-size: 0;
    overflow: hidden;
    border-radius: 50%;
    margin: 60px auto 36px;
    border: 2px solid #fff
}

.contact-size img {
    width: 84px;
    height: 84px
}

.contact-text {
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px
}

.contact-text a {
    color: #fff
}

.footer {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background-color: #f0f0f0
}

.footer-main {
    color: #222;
    width: 1372px;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.footer-maintype {
    float: left;
    width: 228.6px
}

.footer-maintype h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-left: 30px
}

.footer-maintype ul li {
    padding: 8px 0;
    font-size: 18px;
    padding-left: 30px
}

.footer-maintype ul li a {
    color: #222
}

.footer-maintype ul li a:hover {
    border-bottom: 1px solid #222
}

.copyright {
    width: 100%;
    background-color: #282828
}

.copyright-main {
    color: #fff;
    width: 1372px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px
}

.copyright-text {
    float: left;
    font-size: 14px
}

.copyright-text a {
    color: #fff
}

.copyright-text a:hover {
    border-bottom: 1px solid #fff
}

.copyright-link {
    float: right
}

.copyright-link li {
    float: left;
    font-size: 14px;
    padding-left: 12px
}

.copyright-link li a {
    color: #fff
}

.course {
    width: 1372px;
    height: auto;
    overflow: hidden;
    margin: 60px auto
}

.course-event {
    float: left;
    width: 820px;
    height: auto
}

.course-event ul {
    margin-bottom: 24px
}

.course-event ul:last-child {
    margin-bottom: 0px
}

.course-event ul h1 {
    font-size: 28px;
    font-weight: bold
}

.course-event ul li {
    font-size: 18px;
    line-height: 36px;
    list-style: inside
}

.course-image {
    float: right;
    width: 480px;
    height: auto
}

.course-items {
    width: 480px;
    height: 320px;
    overflow: hidden;
    margin-bottom: 36px
}

.course-items:last-child {
    margin-bottom: 0px
}

.course-items img {
    width: 100%;
    height: 100%;
    transition: all 0.8s
}

.course-items img:hover {
    transform: scale(1.08)
}

.newscontent {
    width: 1312px;
    height: auto;
    font-size: 0;
    margin: 60px auto
}

.newscontent-title {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold
}

.newscontent-dates {
    color: #808080;
    font-size: 14px;
    margin: 20px 0;
    letter-spacing: 1px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd
}

.newscontent-mains {
    overflow: hidden;
    text-align: center
}

.newscontent-mains p {
    font-size: 18px;
    margin: 16px 0;
    line-height: 36px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em
}

.newscontent-mains img {
    max-width: 1372px;
    margin: 10px 0
}

.newscontent-forms {
    font-size: 14px;
    margin: 20px 0
}

.newscontent-forms a {
    color: #808080
}

.newscontent-forms a:hover {
    color: #29b8e2
}

.journal {
    width: 1312px;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    margin: 60px auto
}

.journal-group {
    float: left;
    width: 970px;
    height: auto
}

.journal-items {
    width: 970px;
    height: 225px;
    margin-bottom: 50px;
    background-color: #dde6ed
}

.journal-image {
    float: left;
    width: 240px;
    height: 225px;
    overflow: hidden;
    text-align: center
}

.journal-image img {
    width: 150px;
    height: 185px;
    margin: 20px
}

.journal-mains {
    float: left;
    width: 420px;
    height: 185px;
    margin: 20px 0
}

.journal-maintype {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.journal-maintitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.journal-maintitle a {
    color: #282828
}

.journal-mainstext {
    color: #282828;
    font-size: 18px;
    overflow: hidden;
    line-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.journal-button {
    float: right;
    width: 275px;
    height: 225px;
    border-left: 1px solid #fff;
    background-color: #EAF2F8
}

.journal-box {
    width: 275px;
    height: 53px;
    font-size: 0;
    padding-top: 22px;
    overflow: hidden
}

.journal-box a {
    color: #222;
    font-size: 24px;
    margin-left: 24px
}

.journal-box img {
    float: right;
    width: 10%;
    height: auto;
    margin-right: 18px
}

.journal-box:hover a {
    border-bottom: 2px solid #222
}

.journal-box:hover img {
    margin-right: 12px
}

.journal-sides {
    float: right;
    width: 300px;
    height: auto
}

.journal-sidebox {
    width: 280px;
    height: 500px;
    margin: 0 10px 50px;
    border: 1px solid #eaeaea
}

.journal-sidebox:hover {
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.2)
}

.journal-sideimage {
    width: 280px;
    height: 200px;
    overflow: hidden
}

.journal-sideimage img {
    width: 100%;
    height: 100%
}

.journal-sidetitle {
    padding: 18px 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px
}

.journal-sidetitle a {
    color: #222
}

.journal-sidetexts {
    color: #444;
    font-size: 16px;
    padding: 0 20px;
    overflow: hidden;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.special-nav {
    width: 100%;
    height: 660px;
    margin-bottom: 60px;
    border-bottom: 1px solid #eaeaea
}

.special-banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center
}

.special-title {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin-top: 170px;
    text-align: center
}

.special-link {
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f6f6f6
}

.special-linkmain {
    width: 1372px;
    height: 40px;
    margin: 0 auto
}

.special-linkmain ul li {
    float: left;
    font-size: 16px;
    list-style: none;
    padding-right: 10px
}

.special-linkmain ul {
    padding-top: 8px
}

.special-linkmain ul li a {
    color: #222
}

.special-linkmain ul li a:hover {
    color: #29b8e2
}

.special-navbar {
    width: 1372px;
    height: 69px;
    margin: 0 auto
}

.special-navbar-pc {
    display: block
}

.special-navbar-moblie {
    display: none
}

.special-navbar ul {
    padding-top: 30px
}

.special-navbar ul li {
    float: left;
    font-size: 18px;
    padding-right: 40px
}

.special-navbar ul li a {
    color: #222
}

.special-navbar ul li a:hover {
    color: #cb1232
}

.special-navbar-active {
    padding-bottom: 12px;
    border-bottom: 3px solid #cb1232
}

.special-title {
    width: 1372px;
    height: 80px;
    color: #222;
    margin: 0 auto;
    line-height: 72px
}

.special-title-type {
    text-align: center;
    font-size: 48px
}

.special-whyus {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 90px
}

.special-whyus-main {
    width: 1372px;
    height: 590px;
    margin: 0 auto;
    overflow: hidden
}

.special-whyus-title {
    color: #272726;
    font-size: 48px;
    text-align: center;
    margin: 50px auto 80px
}

.special-whyus-group {
    width: 1372px;
    height: 360px
}

.special-whyus-listbox {
    float: left;
    width: 370px;
    height: 360px;
    margin-right: 131px
}

.special-whyus-listbox:last-child {
    margin-right: 0
}

.special-whyus-image {
    width: 114px;
    height: 114px;
    margin: 0 128px
}

.special-whyus-image img {
    width: 100%;
    height: 100%
}

.special-whyus-subtitle {
    color: #666;
    font-size: 30px;
    margin: 36px 0;
    font-weight: bold;
    text-align: center
}

.special-whyus-texts {
    color: #666;
    font-size: 18px;
    line-height: 36px
}

.special-wraper {
    display: block;
    width: 100%;
    margin-bottom: 90px
}

.special-wraper-main {
    width: 1372px;
    margin: 0 auto;
    text-align: center
}

.swiper-container {
    width: 1372px;
    height: 457px;
    margin: 0 auto
}

.slide-left {
    width: 688px;
    height: 457px
}

.slide-right {
    width: 588px;
    height: 389px;
    padding: 68px 68px 0 28px;
    background: #333333;
    color: #fff
}

.slide-right p:first-child {
    font-size: 30px;
    text-align: left
}

.text {
    height: 180px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.swiper-pagination {
    width: 80px!important;
    color: #999999;
    font-size: 20px;
    left: 700px!important
}

.swiper-pagination-current {
    color: #fff
}

.swiper-button-next,
.swiper-button-prev {
    width: 41px!important;
    height: 41px!important;
    bottom: 10px!important;
    background-size: cover!important;
    background-size: initial;
    top: 432px!important
}

.swiper-button-prev {
    background-image: url(../images/left-arrow.png)!important;
    left: 700px!important
}

.swiper-button-next {
    background-image: url(../images/right-arrow.png)!important;
    left: 840px!important
}

.special-col-3 {
    display: block
}

.special-col-list {
    width: 440px;
    margin-right: 25px;
    text-align: center
}

.special-col-list-last {
    margin-right: 0
}

.special-list-image {
    width: 440px;
    height: 335px;
    margin-bottom: 30px
}

.special-more-box {
    display: block;
    width: 160px;
    height: 45px;
    border: 3px solid #000
}

.special-more {
    line-height: 45px;
    transition: all .2s
}

.special-more-box:hover {
    background: #29b8e2;
    border: 3px solid #29b8e2
}

.special-more-box:hover a {
    color: #fff
}

.lw-img-phone-box {
    display: none
}



.lw-center-txt {
    color: #fff
}

.rf-left {
    left: 750px !important
}

.rlsrc-banner-txt {
    display: block;
    font-size: 70px;
    margin-bottom: 30px
}

.rlzy_img_box {
    width: 1372px;
    margin: 0 auto 66px auto
}

.rlzy_img_box::before,
.rlzy_img_box::after {
    display: table;
    content: " ";
    clear: both
}

.rlzy_img_box .rlzy-left {
    float: left
}

.rlzy_img_box .rlzy-right {
    float: right
}

.l-t-ryzy-img,
.l-t-ryzy-img img,
.r-d-ryzy-img,
.r-d-ryzy-img img {
    width: 678px;
    height: 525px;
    max-width: 678px;
    max-height: 525px;
    overflow: hidden;
    transition: transform .3s
}

.l-d-ryzy-img,
.l-d-ryzy-img img,
.r-t-ryzy-img,
.r-t-ryzy-img img {
    display: block;
    width: 678px;
    height: 260px;
    max-width: 678px;
    max-height: 260px;
    overflow: hidden;
    transition: transform .3s
}

.l-t-ryzy-img,
.r-t-ryzy-img {
    margin-bottom: 30px;
    overflow: hidden;
    transition: transform .3s
}

.video-wrapper video {
    width: 1038px;
    height: 584px
}

.video-wrapper span {
    display: none
}

.Back-rlzyMan {
    background-color: rgb(246, 246, 246)
}

.rlzy-left-box {
    width: 688px;
    height: 386px;
    float: left;
    overflow: hidden
}

.rlzy-left-box img {
    width: 688px;
    height: 386px;
    max-width: 688px;
    max-height: 386px;
    transition: transform .3s
}

.rlzy-right-box {
    float: right;
    width: 554px;
    vertical-align: top;
    margin-left: 100px;
    padding: 0 30px 0 0
}

.rlzy-title {
    font-size: 30px;
    color: rgb(102, 102, 102);
    font-weight: bold
}

.rlzy-detail {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    margin-top: 48px;
    line-height: 2;
    font-size: 18px;
    color: rgb(102, 102, 102)
}

.rlzy-img {
    margin: 0 !important
}

.rlzy-img>img,
.rlzy-img {
    display: block;
    width: 392px;
    height: 234px;
    overflow: hidden;
    transition: transform .3s
}

.father-txt {
    color: black !important
}

.sub-title-rlzy {
    font-size: 0
}

.sub-title-rlzy p {
    color: #000;
    font-size: 24px;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.sub-title-rlzy span {
    text-align: left;
    font-size: 24px;
    font-weight: bold
}

.third-rlzy-color {
    color: #000;
    font-size: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.rlzy-right-box ul {
    margin-top: 70px
}

.rlzy-right-box ul li span {
    display: inline-block;
    float: right;
    font-size: 14px
}

.rlzy-right-box ul li a {
    text-align: left;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    display: inline-block
}

.rlzy-right-box ul,
.real-rlzy-width {
    width: 553px !important
}

.rlzy-right-box ul li {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dotted;
    list-style-type: disc;
    list-style-position: unset;
    padding-left: 37px
}

.rlzy-top-title::after,
.rlzy-top-title::before {
    display: table;
    content: " ";
    clear: both
}

.rlzy-right-box ul li,
.rlzy-right-box ul a {
    font-size: 16px;
    color: #6f7378
}

.rlzy-top-title .special-title {
    margin: 40px auto 62px auto
}

.rlzy-top-title .special-whyus-main {
    height: 741px !important
}

.rlzy-top-title {
    margin-top: 32px;
    margin-bottom: 90px
}

.rlzy-bottm-back {
    background-color: #f6f6f6
}

.rlzy-hide-mab {
    margin-bottom: 0 !important
}

.rlzy-top-title img:hover {
    overflow: hidden;
    transform: scale(1.2)
}

.rlzy-top-title .special-whyus {
    margin-bottom: 0 !important
}

#sw1 {
    display: block !important;
    position: relative !important;
    width: 1372px !important;
    margin: 36px auto !important;
    left: 0 !important
}

.video-box {
    height: 755px !important
}

.video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: red;
    width: 1038px;
    height: 584px;
    margin-left: -516px;
    margin-top: -292px
}

.sanye-hide {
    display: none
}

.sanYesecBox {
    width: 100%;
    height: 650px
}

.sanYesecBox::after,
.sanYesecBox::before {
    display: table;
    content: " ";
    clear: both
}

.sanSecLeft {
    float: left;
    width: 50%;
    height: 648px
}

.sanSecLeft img {
    width: 100%;
    height: 648px
}

.sanSecRight {
    width: 50%;
    height: 648px;
    float: right
}

.r-sanTitle-box p {
    margin-top: 38px;
    font-size: 48px;
    padding-left: 76px;
    font-weight: bold
}

.r-sanArticle-box p {
    width: 560px;
    line-height: 2;
    margin-top: 80px;
    font-size: 18px;
    padding-left: 82px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.r-sanSmallart-box p {
    width: 560px;
    line-height: 2;
    margin-top: 42px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 82px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.r-sanKnow-box {
    width: 560px;
    margin-top: 40px;
    font-size: 24px;
    padding-left: 82px;
    font-weight: bold
}

.r-sanKnow-box a {
    color: #000
}

.r-sanKnow-box a:hover~span {
    margin-left: 10px
}

.l-sanTitle-box p {
    margin-top: 38px;
    font-size: 48px;
    padding-left: 278px;
    font-weight: bold
}

.l-sanArticle-box p {
    width: 560px;
    line-height: 2;
    margin-top: 80px;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.l-sanSmallart-box p {
    width: 560px;
    line-height: 2;
    margin-top: 42px;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.l-sanKnow-box {
    width: 560px;
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold
}

.l-sanKnow-box a {
    color: #000
}

.l-sanKnow-box a:hover~span {
    margin-left: 10px
}

.l-sanKnow-box,
.l-sanSmallart-box p,
.l-sanArticle-box p {
    width: 560px;
    padding-left: 292px
}

.r-sanKnow-box,
.r-sanSmallart-box p,
.r-sanArticle-box p {
    width: 560px
}

.w-696 img {
    margin-top: -51px
}

.sanye-mt img {
    margin-top: -5px
}

.w-696 img,
.sanye-mt img {
    min-height: 648px
}

.sanyebanner {
    position: relative;
    width: 1372px;
    height: 428px;
    margin: 0 auto
}

.sanyebanner a {
    position: absolute;
    left: 50%;
    bottom: 46px;
    margin-left: -105px;
    display: inline-block;
    width: 210px;
    height: 66px;
    line-height: 66px;
    font-size: 30px;
    text-align: center;
    color: white;
    background-color: red;
    border-radius: 15px
}

.botm-txt-sanYe {
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -415px;
    width: 830px;
    font-size: 48px;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.botom-sY-bt {
    margin: 70px 0
}

.sanyeContainer {
    margin-top: 104px
}

.hide-weight {
    font-weight: normal !important
}

.mt-wl {
    margin-top: 83px
}

.f-right-wenlv {
    overflow: hidden
}

.f-right-wenlv img {
    width: 100% !important;
    height: 100% !important;
    max-width: 680px !important;
    max-height: 480px !important
}

.f-right-wenlv {
    width: 554px !important
}

.f-right-wenlv img:hover {
    transition: transform .3s;
    transform: scale(1.2)
}

.hhh-img,
.ul-phone,
.phone-card-wrapper {
    display: none
}

.ppp-p p {
    margin: 154px 40px !important
}


/* 新闻详情页 */

.new-detial {
    width: 100%;
}

.new-detial-card {
    width: 1372px;
    height: auto;
    margin: 0 auto 30px;
}

.new-detial-title {
    width: 100%;
    font-size: 30px;
    line-height: 1.5;
    margin: 75px 0;
}

.new-detial-main {
    width: 100%;
    padding-left: 10px;
    font-size: 20px;
    line-height: 2;
}

.new-detial-time {
    padding: 10px 0 20px 10px;
    border-top: 1px solid #aca9a9;
    border-bottom: 1px solid #aca9a9;
    margin-bottom: 50px;
    ;
}

.new-detial-text {
    text-indent: 2em;
    margin-bottom: 100px;
}

.new-detial-image {
    width: 820px;
    height: auto;
}

.new-detial-image img {
    width: 820px;
    margin: 0 auto;
}

.new-detial-pagebox {
  width: 31%;
font-size: 20px;
text-align: left;
white-space: nowrap;
margin: 0 auto;
text-overflow: ellipsis;
overflow: hidden;

}

.new-detial-pagebox span {
    margin: 0 5px;
    ;
}

.new-detial-pagebox span {
    transition:all .5s linear;
    margin: 0 px;
    ;
}
.new-detial-pagebox span a,.new-detial-pagebox a{
    padding:0 8px;
    color:#333;
    border-bottom:2px solid transparent;
}
.new-detial-pagebox a:hover{
        border-bottom:2px solid red;
}

.custome-container {
    position: relative;
    top: -47px;
    width: 100%;
    font-size: 0;
    height: auto;
}

.custome-taber span,
.custome-taber ul {
    float: left;
}

.custome-container .custome-taber .hot {
    font-size: 24px;
}

.custome-container .custome-taber {
    width: 1372px;
    margin: 0 auto;
}

.custome-taber ul {
    margin-left: 30px;
    font-size: 0;
}

.custome-taber ul::before,
.custome-taber ul::after,
.custome-taber::after,
.custome-taber::before {
    display: table;
    content: " ";
    clear: both;
}

.custome-taber span,
.custome-taber ul li,
.custome-taber ul li a {
    color: black;
}

.custome-taber ul li,
.custome-taber span {
    padding: 5px;
}


/* .custome-taber span,
.custome-taber ul li,
.custome-taber ul li a {
    height: 50px;
    padding: 5px;
    line-height: 50px;
} */

.custome-taber ul li {
    float: left;
    transition: all .3s;
    margin-left: 18px;
}

.custome-taber ul li:first-child {
    margin-left: 0 !important;
}

.custome-taber ul li a {
    font-size: 24px;
}

.custome-taber ul .active {
    border-radius: 5px;
    background-color: red;
}

.custome-taber ul .active>a {
    color: #fff;
}

.customer-t-c {
    text-align: center;
}

/*.index-slider{
width:100% !important;}*/
.index-container{
width:100% !important;
height:auto !important;
}
.index-itre,.lwbj{
left:50% !important;
margin-left:-40px  !important;
}
.contanier-lw-mobile {
    padding-bottom: 10px;
}
.blue-lw {
    display: flex;
    flex-direction: row-reverse;
}
.lw-tit-center {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    margin: 30px 0;
}
.lw-tit-teach li {
    margin: 5px 0;
    font-size: 16px;
}
 .mb-navbar{
  margin-bottom:50px;

}
.lw-item{
padding-top:50px;
}

.cards-class-colmain {
    height:100px !important;
}
.cards-class-col{
    height:auto !important
}


.class-newsBack {
    padding: 80px 0;
}

.class-map-link div {
    position: relative;
    left:-80px ;
    margin-top: 15px !important;
}
.clear-fl{
    clear: both;
}
/* 清除布局样式 */
.class-map-link {
    font-size: 0;
}

.class-map-link a,
.class-map-link span {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition-property: color;
    transition-duration: .3s;
}

.class-map-link span {
    margin-left: 10px;
    margin-right: 10px;
}

.class-map-link a:hover {
    color: crimson;
}

.class-map-link,
.news-area {
    width: 1202px;
    margin: 0 auto;
}

.news-area {
    box-shadow: 0 2px 9px 0px #ccc;
    padding: 0 80px 60px 80px;
}

.news-area .news-body {
    padding-bottom: 30px;
    line-height: 2;
    font-size: 18px;
    border-bottom: 1px solid rgb(228, 228, 228);
}

.news-area .news-body img {
    display: block;
    max-width: 100%;
    height: 100%;
    margin: 30px auto;
}

.news-area .news-body img,
.new-title-class span {
    display: block;
}

/* title  */
.new-title-class span {
    display: block;
    line-height: 1.6;
    padding: 50px 0 30px 0;
}

.new-title-class span,
.new-title-class .class-right,
.news-area .news-body {
    color: #666666;
}

.new-title-class span,
.new-title-class .class-right,
.news-area .news-body .left-b-red {
    font-size: 30px;
}

.new-title-class span,
.new-title-class .class-right,
.new-title-class span {
    text-align: center;
}

.new-title-class span,
.new-title-class .class-right {
    width: 71%;
    margin: 0 auto;
}

.news-area .news-body .left-b-red {
    border-left: 3px solid #d20a2c;
    padding-left: 30px;
}

.new-title-class .class-right {
    text-align: right;
}
.news-area .news-body p {
    line-height: 2.4;
    padding:10px 0;
}
.maintext-block-rongyu {
    width:76%;
    margin:0 auto;
    font-size:24px;
}
.navbar.anli-nav-bar {
    border-bottom: none;
    height: auto;
}